import {createRouter, createWebHistory} from 'vue-router'


const router = createRouter({
        history: createWebHistory(import.meta.env.BASE_URL),
        routes: [
                {
                        path: '/',
                        component: () => import('@/views/Layout/index.vue'),
                        children: [
                                {
                                        // 二级路由默认的时候，把路径置空，访问上一层路径的时候会自动渲染
                                        path: '',
                                        component: () => import('@/views/Home/index.vue')
                                },
                                {
                                        path: 'category/:id',
                                        component: () => import('@/views/Category/index.vue')
                                },
                                {
                                        path: 'category/sub/:id',
                                        component: () => import('@/views/SubCategory/index.vue')
                                },
                                {
                                        path: 'detail/:id',
                                        component: () => import('@/views/Detail/index.vue')
                                },
                                {
                                        path: 'cart',
                                        component: () => import('@/views/Cart/index.vue')
                                },
                                {
                                        path: 'checkout',
                                        component: () => import('@/views/Checkout/index.vue')
                                },
                                {
                                        path: 'pay',
                                        component: () => import('@/views/Pay/index.vue')
                                },
                                {
                                        path: 'paycallback',
                                        component: () => import('@/views/Pay/PayBack.vue')
                                },
                                {
                                        path: 'member',
                                        redirect:'member/user',
                                        component: () => import('@/views/Member/index.vue'),
                                        children: [
                                                {
                                                        path: 'user',
                                                        component: () => import('@/views/Member/components/UserInfo.vue')
                                                },
                                                {
                                                        path: 'order',
                                                        component: () => import('@/views/Member/components/UserOrder.vue')
                                                },
                                        ]
                                },
                        ]
                },
                {
                        path: '/login',
                        component: () => import('@/views/Login/index.vue')
                },
        ],
        // 路由行为配置项
        scrollBehavior() {
                return {
                        top: 0
                }
        }
})

export default router
